body {
  width: 100vw;
  height: 100vh;
  margin: 0;
  font-family: "MiSans Regular", "FiraCode Regular" !important;
  overflow: hidden;
  background-color: #2b2d30 !important;
  user-select: none;
}

.loading-box {
  width: 100vw;
  height: 100vh;
  background: #2b2d30;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-radius: 5px;

  .text {
    color: #fff;
    margin-left: 12px;
    margin-top: 5px;
    font-size: 18px;
  }
}

.ccenter {
  display: flex;
  justify-content: center;
  align-items: center;
}

@font-face {
  font-family: "MiSans Regular";
  src: url("../public/fonts/MiSans-Regular.woff2") format("woff2");
  font-display: swap;
}

.ant-message {
  top: 40px !important;

  .ant-message-notice-content {
    border-radius: 25px;
  }
}

.ant-modal-content {
  border-radius: 5px !important;
  background: transparent !important;
}

.cdk-overlay-container{
  z-index: 10000 !important;
}

.btn {
  cursor: pointer;

  &.link {
    color: rgb(30, 124, 211);

    &:hover {
      color: rgb(75, 151, 221);
    }
  }
}

.llight {
  background-color: black;
}

.ddark {
  $bbackground: #2b2d30;
  $lline: #222427;
}

.sscroll {
  scrollbar-width: thin !important;
  scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
}

.bborder {
  border: 1px solid #505050;
}

.vsfont {
  font-family: Consolas, "Courier New", monospace;
}

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ffull {
  width: 100%;
  height: 100%;
}

.lloading {
  .fa-spinner-third {
    animation: rotate45 2s steps(60, end) infinite;
  }

  .fa-loader {
    animation: rotate45 1s steps(8, end) infinite;
  }

  @keyframes rotate45 {
    from {
      transform: rotate(0deg);
    }

    to {
      transform: rotate(360deg);
    }
  }
}

.blocklyWidgetDiv {
  .blocklyHtmlInput {
    color: #333;
  }
}